<template>
	<view>
		<view class="topFix cu-bar blur" style="padding-top: 70upx;">
			
			<view class="action">
				<text class="cuIcon-locationfill text-gray"></text>
				城市
			</view>
			<view class="text-bold" style="font-family: Lucida Calligraphy">
				<Main>M-CAKE</Main>
			</view>
			<view class="action">
				<text class="cuIcon-search text-grey"></text>
				<u-line direction="col" length="20" color="gray" margin="20upx"></u-line>
				<text class="cuIcon-moreandroid "></text>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		name: "nav-custom",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	
	.topFix {
		position: fixed !important;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
		justify-content: space-between;

	}

	.blur {
		background-color: rgba(255, 255, 255, .5);
		box-shadow: 1upx 2upx 5upx 1upx rgba(0, 0, 0, .1);
		backdrop-filter: blur(25upx);
		-webkit-backdrop-filter: blur(25upx);
	}
	.abc{
		
	}
</style>
